<!DOCTYPE html>
<html lang="en">
<head>
    <s3:data name='CollDatas.headerScript' />
    <s3:import type="css"></s3:import>
    <link href="<s3:data name='dependencies.office' />/css/cmp-col.css${data:buildversion}" rel="stylesheet" type="text/css" />
    <link href="<s3:data name='dependencies.office' />/css/common.css${data:buildversion}" rel="stylesheet" type="text/css" />
    <link href="<s3:data name='dependencies.workflow' />/css/wf.css${data:buildversion}" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-selectOrg.css${data:buildversion}">
    <title id="title">图书资料审批</title>
    <style>
        .cmp-segmented-control.cmp-segmented-control-inverted .cmp-control-item.cmp-active::before {
            width: 0 !important;
        }
    </style>
</head>
<body>
<div id="body_content_div" class="cmp-content cmp-col-content cmp-content-none"  style="position: absolute;bottom: 0px; width: 100%;">
    <!-- 正文流程页签 -->
    <div style="display:none;padding: 0 25px;background-color: #fff;">
        <div id="contentAndWfTags" class="cmp-segmented-control cmp-segmented-control-inverted col new-tab-nav">
            <a id="A_summary_info" href="#summary_info" class="cmp-control-item cmp-active"><i18n key="office.h5.body"></i18n></a><!--正文-->
            <a id="A_workflow" href="#workflow" class="cmp-control-item"><i18n key="office.h5.workflow"></i18n></a><!--流程-->
        </div>
    </div>

    <div id="summary_info" class="cmp-control-content cmp-active main-content white tab_selector" style="overflow-y: auto;overflow-x: hidden;padding-top: 10px;background-color: #f3f3f3;">
        <input id="applyId" type="hidden" disabled value="">
        <div style="width: 100%;height: 10px;background: rgb(243, 243, 243);"></div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform1"></i18n></span><!--申请人-->
            </div>
            <div class="rightNameInput">
                <input id="applyUser" type="text" disabled value="">
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform2"></i18n></span><!--申请部门-->
            </div>
            <div class="rightNameInput">
                <input id="applyDept" class="cmp-scroll" style="z-index: 10" type="text" disabled value="">
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform3"></i18n></span><!--借阅时间-->
            </div>
            <div class="rightNameInput">
                <input class="fontFamilyNum" id="startDate" type="text" disabled value="">
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform4"></i18n></span><!--至-->
            </div>
            <div class="rightNameInput">
                <input class="fontFamilyNum" id="endDate" type="text" disabled value="">
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform5"></i18n></span><!--编号-->
            </div>
            <div class="rightNameSpan">
                <span class="fontFamilyNum" style="z-index: 10" id="bookNum" ></span>
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform6"></i18n></span><!--名称-->
            </div>
            <div class="rightNameSpan">
                <span id="bookName"  style="z-index: 10"></span>
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform7"></i18n></span><!--作者-->
            </div>
            <div class="rightNameSpan">
                <span id="bookAuthor" style="z-index: 10"></span>
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform8"></i18n></span><!--出版社-->
            </div>
            <div class="rightNameSpan">
                <span id="bookPublisher" style="z-index: 10" ></span>
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform9"></i18n></span><!--图书资料库-->
            </div>
            <div class="rightNameSpan">
                <span id="bookHouseName" style="z-index: 10" ></span>
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameSelect cmp-ellipsis">
                <span><i18n key="office.h5.bookform10"></i18n></span><!--图书资料分类-->
            </div>
            <div class="rightNameSelect">
                <input id="bookCategory" type="text" disabled value="">

            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform11"></i18n></span><!--库存数量-->
            </div>
            <div class="rightNameInput">
                <input class="fontFamilyNum" id="bookCount" type="text" disabled value="">
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: center;">
            <div class="leftNameInput cmp-ellipsis">
                <span><i18n key="office.h5.bookform12"></i18n></span><!--借阅数量-->
            </div>
            <div class="rightNameInput">
                <input class="fontFamilyNum" id="applyCount" type="text" disabled value="">
            </div>
        </div>
        <div style="width: 100%;display:-webkit-box;-webkit-box-align: start;">
            <div class="leftNameTextarea cmp-ellipsis-2">
                <span><i18n key="office.h5.bookform13"></i18n></span><!--备注-->
            </div>
            <div class="rightNameTextarea" style="overflow-y: auto;background-color: #fff">
                <textarea id="applyDesc" disabled></textarea>
            </div>
        </div>
    </div>

    <div id="workflow" _loadStatus="0" class="cmp-control-content cmp-tab-list-content white tab_selector"></div>
</div>
<footer class="cmp-bar cmp-bar-footer" id="footer_num">
    <div class="topInput">
        <input id="auditOpinion" type="text">
    </div>
    <div class="bottomBtn">
        <div id="noPass" style="width: 33%;">
            <div class="bottomLeftBtn">
                <span><i18n key="office.h5.disagree"></i18n></span><!--不同意-->
            </div>
        </div>
        <div id="pass" style="width: 33%;">
            <div class="bottomMiddleBtn">
                <span><i18n key="office.h5.agree"></i18n></span><!--同意-->
            </div>
        </div>
        <div id="passAndLend" style="width: 33%;">
            <div class="bottomRightBtn">
                <span><i18n key="office.h5.agreeandlend"></i18n></span><!--同意并借出-->
            </div>
        </div>
    </div>
</footer>
<s3:data name='cordova' />
<s3:data name='CollDatas.footerScript' />
<script src="${data:dependencies.office}/i18n/Office_zh_CN.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
<script>
    cmp.i18n.init("${data:dependencies.office}/i18n/","Office",null,"${data:buildversion}");
</script>
<s3:import type="js"></s3:import>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-zoom.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-flowV5.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-push.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-webviewListener.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-footerAuto.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-selectOrg.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.office' />/js/book.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.office' />/js/workflow.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.workflow' />/js/wf.js${data:buildversion}"></script>
</body>
</html>
